<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>无标题文档</title>
		<!--框架必需start-->
		<script type="text/javascript" src="../../libs/js/jquery.js"></script>
		<script type="text/javascript" src="../../libs/js/language/cn.js"></script>
		<script type="text/javascript" src="../../libs/js/framework.js"></script>
		<link href="../../libs/css/import_basic.css" rel="stylesheet" type="text/css" />
		<link rel="stylesheet" type="text/css" id="skin" prePath="../../" />
		<link rel="stylesheet" type="text/css" id="customSkin" />
		<!--框架必需end-->
		<link rel="stylesheet" type="text/css" href="style/style.css" />

		<script src="../../libs/js/table/quiGrid.js" type="text/javascript"></script>
		<script type="text/javascript" src="../../libs/js/form/datePicker/WdatePicker.js"></script>
		<style type="text/css">
			/*body {
				background: #fff;
			}*/
		</style>
	</head>

	<body>
		<div class="page_content">
			
			<div class="infoCard infoCard2">
				<div class="title">
					<span>考勤归档</span>
				</div>
				<table border="0" cellspacing="0" cellpadding="0" class="classification">
					<tr>
						<td><input type="text" class="date" style=""/></td>
						<td><input type="button" value="查询" /></td>
						<td><input type="button" value="归档" /></td>
					</tr>
				</table>
				<div id="dataBasic"></div>
			</div>
		</div>

		<script type="text/javascript">
			var testData={"form.paginate.pageNo":1,"form.paginate.totalRows":13,"rows":[
      			{"name":"王乐乐","Record01":"上午打卡: 09:19:56 下午打卡: 17:38:33","Record02":"上午打卡: 09:19:56 下午打卡: 17:38:33","Record03":"","Record04":"上午打卡: 09:19:56 下午打卡: 17:38:33","Record05":"","Record06":"上午打卡: 09:19:56 下午打卡: 17:38:33"},
      			{"name":"程鹏","Record01":"上午打卡: 09:19:56 下午打卡: 17:38:33","Record02":"","Record03":"","Record04":"上午打卡: 09:19:56 下午打卡: 17:38:33","Record05":"上午打卡: 09:19:56 下午打卡: 17:38:33","Record06":"上午打卡: 09:19:56 下午打卡: 17:38:33"},
      			{"name":"张建新","Record01":"","Record02":"","Record03":"","Record04":"上午打卡: 09:19:56 下午打卡: 17:38:33","Record05":"","Record06":"上午打卡: 09:19:56 下午打卡: 17:38:33"},
      			{"name":"万金王","Record01":"上午打卡: 09:19:56 下午打卡: 17:38:33","Record02":"","Record03":"","Record04":"上午打卡: 09:19:56 下午打卡: 17:38:33","Record05":"","Record06":"上午打卡: 09:19:56 下午打卡: 17:38:33"},
      			{"name":"范思哲","Record01":"上午打卡: 09:19:56 下午打卡: 17:38:33","Record02":"","Record03":"","Record04":"上午打卡: 09:19:56 下午打卡: 17:38:33","Record05":"","Record06":"上午打卡: 09:19:56 下午打卡: 17:38:33"},
      			{"name":"骑缝章","Record01":"上午打卡: 09:19:56 下午打卡: 17:38:33","Record02":"","Record03":"","Record04":"上午打卡: 09:19:56 下午打卡: 17:38:33","Record05":"","Record06":"上午打卡: 09:19:56 下午打卡: 17:38:33"},
      			{"name":"软丝藻","Record01":"上午打卡: 09:19:56 下午打卡: 17:38:33","Record02":"上午打卡: 09:19:56 下午打卡: 17:38:33","Record03":"","Record04":"上午打卡: 09:19:56 下午打卡: 17:38:33","Record05":"","Record06":"上午打卡: 09:19:56 下午打卡: 17:38:33"},
      			{"name":"王阿姨","Record01":"","Record02":"","Record03":"","Record04":"上午打卡: 09:19:56 下午打卡: 17:38:33","Record05":"上午打卡: 09:19:56 下午打卡: 17:38:33","Record06":"上午打卡: 09:19:56 下午打卡: 17:38:33"}
      		]};
       
       //数据表格使用
        var g;
		function initComplete(){
			 g = $("#dataBasic").quiGrid({
                columns: [ 
                    //frozen:true 将该列冻结，在左侧显示
	                { display: '天', name: 'name', align: 'center',  width: 100, frozen: true },
	                { display: '01', name: 'Record01', align: 'center' , width: 300},
	                { display: '02', name: 'Record02',  align: 'center' , width: 300},
	                { display: '03', name: 'Record03',  align: 'center', width: 300 },
                  	{ display: '04', name: 'Record04', align: 'center' , width: 300},
                  	{ display: '05', name: 'Record05',  align: 'center' , width: 300},
                  	{ display: '06', name: 'Record06',  align: 'center', width: 300 }
                ], data:testData, pageSize: 10, rownumbers:false, checkbox:false,
                height: '100%', width:"100%"
            });
		}
        
    </script>	

	</body>

</html>